

.red{
    color: red;
}
.middle {
    padding: 20px;
}

.middle > .con {
    width: 900px;
    margin: 0 auto;
    overflow: hidden;
}
.middle > .con>.submit{
    text-align: center;
}
.middle > .con>.submit>button{
    height: 40px;
    width: 120px;
    background-color: #199BFF;
    color: white;
    border: none;
    cursor: pointer;
}
.middle .con h1 {
    text-align: center;
}

.middle .con .info>p {
    text-align: center;
    padding: 5px;
    background-color: #D2D2D2;
}

.middle .con .info > div {
    margin-bottom: 30px;
}
.middle .con .info > div >#distpicker5>select{
    height: 28px;
    width: 120px;
}
.middle .con .info > div >.other{
    margin-top: 10px;
    margin-left: 95px;
}
.middle .con .info > div >.other>input{
    padding: 2px 5px;
    width: 368px;
}
.middle .con .info > div > i {
    font-style: normal;
    color: red;
}

.middle .con .info > div > label {
    width: 68px;
    display: inline-block;
    text-align-last: justify
}

.middle .con .info > div > .item > .main {
    border: 1px solid #D2D2D2;
    overflow: hidden;
}

.middle .con .info > div > .item > .main > img {
    float: left;
    width: 90px;
    height: 90px;
    margin-right: 20px;
}

.middle .con .info > div > .item > .main > .con {
    float: left;
}

.middle .con .info > div > .item > .main > .con > div {
    margin-top: 5px;
}
.middle .con .info > div > .item>p{
    margin-top: 5px;
    font-size: 12px;
}
.pay>div>.name{
    font-size: 20px;
    font-weight: 800;
}
.pay>div>.name>label{
    display: inline-block;
    width: 80px;
    text-align-last: justify;
}
.pay>div>.pay_info{
    margin-left: 80px;
}
.pay>div>.pay_info>p{
    margin: 5px 0;
    font-size: 12px;
}
.pay>div>.pay_info>img{
    height: 150px;
    width: 150px;
}
.pay>div>.pay_info>div{
    font-weight: 700;
}